1.上一次是導覽樣式部分，這次為頁籤。
在官網的範例測試了一下，將不必要的屬性刪掉，發現上次的導覽樣式只要在a加入data-toggle="tab"即可，如果你的樣式不是分頁標籤而是片狀就要將data-toggle="tab"改成data-toggle="pill"即可。

2.另外是頁籤內容結構部分，tab-content與tab-pane跟導覽樣式一樣都需要完整的結構，這兩個是搭配的，如我將其中這兩個一個刪掉，原本a是在第一行測試完會發生的情形就是點b那麼b的內容會跑去第二行，c則是第三行，越跑越下面，這兩個是需要搭配的。

3.另外fade是一種特效的部分，show與active則是讓第一個頁籤的內容完整的預設顯示。

4.再來就是頁籤內容結構id的部分，id為a但是導覽樣式a的href也要為#a才能對應到所需要的內容進行頁籤完整的內容顯示。

小弟測試的Bootstrap為4.1.3，如有錯誤可以留言交流一下，感恩...

導覽樣式

<ul class="nav nav-tabs" id="myTab">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#a">a</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#b">b</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#c">c</a>
    </li>
  </ul>

頁籤內容結構

<div class="tab-content">
    <div class="tab-pane fade show active" id="a">a</div>
    <div class="tab-pane fade" id="b">b</div>
    <div class="tab-pane fade" id="c">c</div>
</div>

codepen
參考：六角學院Bootstrap官網